 .box {
   width: 100%;
   height: 100vh;
 }

 .box1 {
   width: 100%;
   height: 400px;
   position: relative;
 }

 .box2 {
   margin-top: 1rem;
 }

 .search {
   position: absolute;
   top: 200px;
   left: 40%;
   width: 500px;
   height: 50px;
 }


 .tab-container {
   width: 100%;
   margin-top: 2rem;
 }

 .tab-header {
   width: 100%;
   line-height: 10px;
   display: flex;
   align-items: center;
   column-count: 3;
   height: 100%;
   flex-wrap: wrap;
 }

 .tab-title {
   margin-right: 0.625rem;
   padding: 0.3125rem 0.625rem;
   border-radius: 0.3125rem;
 }

 .tab-title.active {
   color: black;
   font-size: 1rem;
 }

 .expand-icon {
   cursor: pointer;
   margin-left: auto;
   /* 靠右显示 */
 }

 .tab-content {
   padding: 0.625rem;
 }

 .images {
   width: 23%;
   height: 30vh;
   float: left;
   flex-wrap: wrap;
   margin: 0.5rem;
 }
 .images>img{
  width: 100%;
  height: 100%;
 }